<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 1. push() 在我们数组的末尾 添加一个或者多个数组元素  push 推
        var arr = [1, 2, 3];
        // arr.push(4, 'pink');
        //注意格式 arr.push  arr.unshift
        console.log(arr.push(4, 'pink')); //返回的是数组的长度 比如 5

        console.log(arr); //放回的是数组元素 push 会在后边加入4 和 Pink
        // (1) push 是可以给数组追加新的元素
        // (1) push() 参数直接写 数组元素就可以了
        // (3) push完毕之后，返回的结果是新数组的长度
        // (4) 原本的数组也会发生变化

        // 2. unshift 在数组的开头 添加一个或者多个数组元素
        console.log(arr.unshift('red', 'purple'));
        console.log(arr); //这里就会在开头添加 red 和 purple
        // (1) unshift 是可以给数组追加新的元素
        // (1) unshift() 参数直接写 数组元素就可以了
        // (3) unshift完毕之后，返回的结果是新数组的长度
        // (4) 原本的数组也会发生变化

        //3. pop() 它可以删除数组的最后一个元素  (它是没有参数的)
        console.log(arr.pop()); //返回的是删除的那个元素
        console.log(arr); //返回的删除最后一个 之后的数组
        // (1) pop() 可以删除数组中的最后一个元素  *只能删除一个元素
        // (1) pop() 没有参数
        // (3) pop()完毕之后，返回的结果是删除的那个元素
        // (4) 原本的数组也会发生变化


        //3. shift() 它可以删除数组的第一个元素  (它是没有参数的)
        console.log(arr.shift()); //返回的是删除的那个元素
        console.log(arr); //返回的删除第一个 之后的数组
        // (1) pop() 可以删除数组中的第一个元素  *只能删除一个元素
        // (1) pop() 没有参数
        // (3) pop()完毕之后，返回的结果是删除的那个元素
        // (4) 原本的数组也会发生变化
    </script>
</head>

<body>

</body>

</html>